<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<head>
     <link type="text/css" href="/css/style_member.css" rel="stylesheet" />
    <link type="text/css" href="/css/style_auction.css" rel="stylesheet" />
    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <%@include file="../common/mjs.jsp"%>
    <%@include file="../common/css.jsp"%>
    <title>拍卖列表-笔飞美术作品</title>
    <%@include file="../common/jspcommon.jsp"%>
    <script type="text/javascript" src="/js/page/pager.js"></script>
</head>
<body>
<div id="box">
    <%@include file="../common/header.jsp" %> 
    <div id="main_div">
        <div class="site_map"><a href="/made.htm">首页</a> 》拍卖活动</div>
        <div class="pmlb_list">
        <ul>
        <c:forEach items="${pageAuction.list}" var="auctionlb" varStatus="vs">
            <li>
                <div class="pmlb_list_img">
                <a href="#" onclick="showAuction('${auctionlb.identifier}');">
               	 <img id="img_${vs.count}" src="${auctionlb.cover}_300x200" alt=""  onload="loadImage(this,224,134);"/></a>
                </div>
                <div class="pmlb_list_content">
                    <h2>${auctionlb.title}</h2>
                    <p class="mt20"><a href="javascript:eventRemind('${auctionlb.identifier}','mail');" class="mail tip" original-title="邮件提醒"><img src="../images/p9.jpg" alt="" /></a></p>
                    <p class="font6 mt20"><fmt:formatDate value="${auctionlb.sDate }" type="date" dateStyle="long"/> - <fmt:formatDate value="${auctionlb.eDate }" type="date" dateStyle="long"/> 每天<fmt:formatDate value="${auctionlb.sTime }" type="time" timeStyle="full" pattern ="HH:mm"/>-<fmt:formatDate value="${auctionlb.eTime }" type="time" timeStyle="full" pattern ="HH:mm"/></p>
                </div>
                <div class="pmlb_list_date">
                    <p class="font4">${auctionlb.day}</p>
                    <p class="font5">${auctionlb.month}月</p>
                    <p class="font5">${auctionlb.year}</p>
                </div>
            </li>
           </c:forEach> 
        </ul>
        </div>
 	 <div id="page" class="h_page"></div>
        <%@include file="../common/footer.jsp" %>
    </div>
</div>
<script type="text/javascript">
		function showAuction(id){
			window.location.href="aucart.htm?id="+id;
		}
		
		$(function(){
			$("#page").pager({
				pagenumber : "${pageAuction.currentPage}",
				pagecount : "${pageAuction.totalPage}",
				buttonClickCallback : function(page) {
					location.href = "/auction.htm?page="+ page;
				}
			});
		});
</script>
</body>
</html>
